Ext.application({
    name   : 'MyApp',

    launch : function() {

	Ext.create('Ext.Container', {
		renderTo: Ext.getElementById('AdvStatChart'),	//指定放置元素位置
		width:800,
		height:300,
		layout: 'fit',
		
		items: [
			{
				xtype: 'chart',	//顯示方式
				animate: true,	//動畫顯示
				itemId: 'ADClickChart',
				interactions: [{
					type: 'panzoom',
					zoomOnPanGesture: true
				}],
				//選項標籤
//				legend: {
//					docked: 'bottom'
//				},
				insetPadding: 40,	//Padding值
				
				store: {
					fields: ['clickCount', 'clickDate'],
					data: statData,
					autoLoad: true,

				},
				
				
				// define x and y axis.
				// 
				axes: [
					{
						type: 'numeric',	//左方-數值
						fields: ['clickCount'],
						title: '点击数',		//標題文字
						decimals: 0,		//小數點 0.1->顯示小數點
						grid: true,			//分隔線
						position: 'left',
//						maximum: 100,		//最大值
						minimum: 0,			//最小值
						majorTickSteps: 5,	//Y軸階層數
					},
					{
						type: 'category',	//下方-類別
						//fields: 'month',
						fields: 'clickDate',		//X軸
						//title: '时间',		//標題文字
						visibleRange: [0, 1],
						position: 'bottom',
						grid: true,
						label: {			//標籤文字呈現方式
							rotate: {		//旋轉
								degrees: -20
							}
						}
					}
				],
				
				// define the actual series
				// 標籤清單
				series: [
				{
					type: 'line',		//型態 area,bar,line,radar
//					axis: 'left',
					title: '第一個廣告',	//名稱
					xField: 'clickDate',		//X軸值
					yField: 'clickCount',		//Y軸值
					fill: true,			//下方填滿
					smooth: 10,			//線段圓滑度  數字越高越尖銳
					markerConfig: {		//圖示
						type: 'circle',	//cross,circle,diamond,arrow
						lineWidth: 2,	//圖示外框大小
						radius: 5,		//圖示內框尺寸
//						stroke: 'pink',	//圖示顏色
						
					},
					highlight: {
						size: 7,
					},
					style: {
//						fill: "#115fa6",	//點顏色
//						stroke: "#000",	//線條顏色
						fillOpacity: 0.6,	//
						miterLimit: 3,		//
						lineCap: 'miter',	//
						lineWidth: 2		//線條寬度
					},
					label: {				//座標文字標籤
						display: 'over',	//文字顯示under,over,rotate
						color: '#EA5514',
						font: 'Arial',
						field: 'clickCount',

					},
					
					
					
				}]
				
			}
		]
	})

		
		
    }
});